﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="GridDataTable.aspx.cs" Inherits="DataTable.GridDataTable" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <script type="text/ecmascript" charset="utf-8" src="Scripts/DataTables-1.9.4/media/js/jquery.js"></script>
    <script type="text/javascript" charset="utf-8" src="Scripts/DataTables-1.9.4/media/js/jquery.dataTables.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#tblId').dataTable({
                "oLanguage": { "sSearch": "Search the nominees:" },
                "iDisplayLength": 20,
                "aaSorting": [[0, "asc"]]
            });
        });
    </script>

    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:Repeater ID="rptTable" runat="server">
                <HeaderTemplate>
                    <table id="tblId" cellpadding="0" cellspacing="0" border="0" class="display"">
                        <thead>
                            <tr>
                                <th>Code</th>
                                <th>Name</th>
                            </tr>
                        </thead>
                        <tbody>
                </HeaderTemplate>
                <ItemTemplate>
                    <tr>
                        <td><%# Eval("Code") %></td>
                        <td><%# Eval("Name") %></td>
                    </tr>
                </ItemTemplate>
                <FooterTemplate>
                    </tbody>
                    </table>
                </FooterTemplate>
            </asp:Repeater>
        </div>
    </form>
</body>
</html>
